<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="shortcut icon" href="{{$LAYOUT_HELPER_URL}}front/images/tree.ico" type="image/x-icon" />
	<title>DALAWOOD - GỖ BÌNH THUẬN - GỖ</title>
	
	<link href="{{$LAYOUT_HELPER_URL}}front/css/style.css" rel="stylesheet" type="text/css" />

	<script src="{{$LAYOUT_HELPER_URL}}front/js/slideshow/jquery-1.6.3.min.js"></script>

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
    </script>
    
    <script type="text/javascript">
function clearForm(oForm) {
    
	  var elements = oForm.elements; 
	    
	  oForm.reset();

	  for(i=0; i<elements.length; i++) {
	      
	    field_type = elements[i].type.toLowerCase();
	    
	    switch(field_type) {
	    
	        case "text": 
	        case "password": 
	        case "textarea":
	            case "hidden":  
	            
	            elements[i].value = ""; 
	            break;
	        
	        case "radio":
	        case "checkbox":
	            if (elements[i].checked) {
	                elements[i].checked = false; 
	            }
	            break;

	        case "select-one":
	        case "select-multi":
	                    elements[i].selectedIndex = -1;
	            break;

	        default: 
	            break;
	    }
	    }
	}

function submitForm()
{
	
	$('#contact').submit();
}



$().ready(function() {
	jQuery.validator.addMethod("notEqual", function(value, element, param) {
	    return this.optional(element) || value != param;
	  }, "Please specify a different (non-default) value");
	  
    // validate signup form on keyup and submit
	jQuery("#contact").validate({
	      rules: {
	          'data[email]': {
	              required: true,
	              email: true,
	              notEqual: '{{l}}Email{{/l}}'
	              },

              'data[name]': {
                  required: true,
                  notEqual: '{{l}}Name{{/l}}'
                  },   
                  'data[message]': {
                      required: true,
                      notEqual: '{{l}}Description{{/l}}'
                      }         
	          
	      },
	      messages: {
	    	  
	            'data[email]':"",
	            'data[name]': "",
                'data[message]': ""
	      }
	  }); 

});


</script>

<style type="text/css">
input.error, textarea.error, select.error {
    background: none repeat scroll 0 0 #FAEBE7 !important;
    border: 1px dashed #EB340A !important;
}

.article_indent {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
}


.formRight {
    float: right;
    margin-right: 35px;
    margin-top: 20px;
    width: 370px;
}


.imageLeft {
    float: left;
    margin-left: 0;
    margin-top: 20px;
    width: 500px;
}


</style>


	<script type="text/javascript">
		
function initialize() {
    var latlng = new google.maps.LatLng(12.105208,108.555207);
    var myOptions = {
      zoom: 11,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
    var image = new google.maps.MarkerImage(
    		'{{$LAYOUT_HELPER_URL}}front/images/image_map1.png',
    	    new google.maps.Size(200,150),
    	    new google.maps.Point(0,0),
    	    new google.maps.Point(100,150)
    	  );

    	  var shadow = new google.maps.MarkerImage(
    		'{{$LAYOUT_HELPER_URL}}front/images/image_map2.png',
    	    new google.maps.Size(246,150),
    	    new google.maps.Point(0,0),
    	    new google.maps.Point(100,150)
    	  );

    	  var shape = {
    	    coord: [173,0,179,1,182,2,185,3,186,4,188,5,189,6,190,7,191,8,192,9,193,10,194,11,195,12,195,13,196,14,196,15,196,16,197,17,197,18,197,19,198,20,198,21,198,22,198,23,198,24,198,25,199,26,199,27,199,28,199,29,199,30,199,31,199,32,199,33,199,34,199,35,199,36,199,37,199,38,199,39,199,40,199,41,199,42,199,43,199,44,199,45,199,46,199,47,198,48,198,49,198,50,198,51,198,52,198,53,197,54,197,55,197,56,196,57,196,58,196,59,195,60,195,61,194,62,193,63,192,64,191,65,190,66,189,67,188,68,186,69,185,70,182,71,179,72,173,73,106,74,106,75,105,76,105,77,104,78,103,79,102,80,101,81,99,82,92,82,89,81,88,80,87,79,86,78,85,77,85,76,84,75,83,74,29,73,23,72,20,71,17,70,16,69,14,68,13,67,12,66,11,65,10,64,9,63,8,62,7,61,7,60,6,59,6,58,6,57,5,56,5,55,5,54,4,53,4,52,4,51,4,50,4,49,4,48,2,47,2,46,2,45,2,44,2,43,2,42,2,41,2,40,2,39,2,38,2,37,2,36,2,35,2,34,2,33,2,32,2,31,2,30,2,29,2,28,2,27,2,26,4,25,4,24,4,23,4,22,4,21,4,20,5,19,5,18,5,17,6,16,6,15,6,14,7,13,7,12,8,11,9,10,10,9,11,8,12,7,13,6,14,5,16,4,17,3,20,2,23,1,29,0,173,0],
    	    type: 'poly'
    	  };
    var marker = new google.maps.Marker({
        position: latlng, 
        map: map,
        icon: image,
        shadow: shadow,
        shape: shape,
        title:"DALAWOOD"
    });
  }


	</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="page_front">
  		<div id="page">
    	
        	{{sticker name = front_header}}
    		<div class="cb"></div>
        	{{sticker name = front_introduction}}
        
        	{{$content}}
			<div class="cb"></div>
    	</div>
	</div>
	{{sticker name = front_footer}}
	</body>
	
</html>
